<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="Keywords" content="">
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width,initial-scale=1.0">
        <meta content="width=640,target-densitydpi=device-dpi,user-scalable=no" name="viewport">
        <link href="css/style.css" rel="stylesheet" type="text/css">
        <link href="css/style.css" rel="stylesheet" type="text/css">
        <link href="css/animate1.css" rel="stylesheet" type="text/css">
        <link href="css/animations.css" rel="stylesheet" type="text/css">
        <link href="css/swiper.min.css" rel="stylesheet" type="text/css">
        <script type="text/javascript" src="js/jquery-1.11.2.js"></script>
        <script type="text/javascript" src="js/swiper.min.js"></script>
        <title>华硕</title>
    </head>
    <body>
        <div class="main">

       

<!--美国队长A-->
       <div class="swiper-slide swiper-active">
            <div class="page duizhang">
                <header>
                    <div class="logo left">
                        <img src="images/logo.png">
                    </div>
                    <div class="header_right right">
                        <img src="images/header_right.png">
                    </div>
                </header>
                <div class="man_left slideInLeft" style="-webkit-animation-duration: 1s;">
                    <img src="images/duizhang_left.png">
                </div>
                <div class="duizhang_phone">
                    <img src="images/duizhang_phone.png">
                </div>
                <div class="duizhanga_text">
                    <img src="images/duizhanga_text.png">
                </div>
                <div class="duizhangb_ad">
                    <img src="images/duizhangb_ad.png">
                </div>
                <div class="duizhangb_btn clickme">
                  <a href="#"><img src="images/duizhangb_btn1.png"></a>
                </div>
                <div class="sum">已召集3位好友</div>
            </div>
           </div>

         
      <div class="tankuang">
          <div class="close"></div>
        <img src="images/tankuang.png">
      </div>

  </div> 
<script>
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        paginationClickable: true,
//        direction: 'vertical',
//        speed:1000,
    });
</script>
<script type="text/javascript">
    $(".clickme").click(function(){
        $(".tankuang").show();
    });
    $(".close").click(function(){
        $(".tankuang").hide();
    });
</script>
    </body>
</html>